.introduction {
  .video-player {
    position: absolute;
  }

  &--nav-bar-bg {
    position: fixed;
    top: 0;
    left: 0;

    img {
      width: 100%;
    }
  }

  &--card {
    background: #fff;
    border-radius: 32px 32px 0px 0px;
    overflow: hidden;

    &--title {
      padding: 0 30px;
    }

    &--introduce {
      .van-cell-group::after {
        border-top-color: transparent;
      }

      .van-cell {
        padding-top: 0;

        .van-cell__title {
          color: #969799;
          font-size: 14px;
        }

        .van-cell__value {
          color: #000;
          font-size: 14px;

        }
      }
    }

    &--catalog {
      .van-cell-group::after {
        border-color: #37C2BB;
        border-top-color: transparent;
      }

      .van-cell {
        background: #EAF8FA;

        .van-cell__title {
          color: #3CBDD0;
          font-size: 14px;
        }

        .van-cell__value {
          color: #3CBDD0;
          font-size: 14px;

        }
      }
    }

    &--feedback {
      .van-cell {
        background: #EDEDED;


      }
    }

    &--content {
      padding: 0 30px;
      line-height: 30px;
      font-size: 24px;
    }



  }
}

.course-introduce-page-banner {
  // margin-top: 88px;
  width: 100%;
  height: 392px;
}

.course-introduce-page-collect {
  height: 42px;
  margin-top: 88px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;

  img {
    width: 42px;
    height: 42px;
  }
}